<template>
  <div>
    <h3>本周菜谱</h3>
    <div v-for="(item,index) in list" :key="index" class="option_part">
        <h4>{{ item.title }}</h4>
        <div>主食：{{ item.main}}</div>
        <div>菜品：{{ item.vegetable}}</div>
        <div>汤羹：{{ item.soup}}</div>
    </div>
  </div>
</template>

<script setup lang="ts">
let list = ref([
    {
        title:'早饭',
        main:'小馒头、饼子',
        vegetable:'鸡蛋、小菜2样、炒胡萝卜丝',
        soup:'八宝粥'
    },
    {
        title:'午饭',
        main:'香米糕、红枣糯米饭、饼子',
        vegetable:'豆腐炖茼蒿、虾、土豆炖鸡肉丸',
        soup:'丝瓜汤'
    },
    {
        title:'晚饭',
        main:'蛋炒饭、饼子（芋头）',
        vegetable:'芸豆炖茄子、拌白菜心粉丝',
        soup:'疙瘩汤'
    }
])

</script>
<style scoped lang="scss">
.option_part{
    margin: 10px;
}
</style>